<!doctype html>
<html ng-app="plunker" >
<head>
    <meta charset="utf-8">
    <title>AngularJS/Angular-UI & Select2 with multiple selection</title>
    <link href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css" rel="stylesheet">
    <link href="http://ivaynberg.github.com/select2/select2-3.2/select2.css" rel="stylesheet"/>
    <link rel="stylesheet" href="style.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script src="https://raw.github.com/twitter/bootstrap/master/docs/assets/js/bootstrap.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.1/angular.js"></script>
    <script src="angular-ui.js"></script>
    <script src="http://ivaynberg.github.com/select2/select2-3.2/select2.js"></script>
    <script src="app.js"></script>
</head>
<body ng-controller="MainCtrl">
https://select2.org/getting-started/basic-usage
<h1>AngularJS/Angular-UI & Select2 with multiple selection</h1>
<pre>Selection: {{selectedItems|json}}</pre>
<select ng-multiple="true" ui-select2 ng-model="selectedItems" data-placeholder="-- Select some items --"
        style="width:200px">
    <optgroup data-ng-repeat="a in items" label="{{a.name}}">
        <option data-ng-repeat="b in a.specialties" value="{{b.id}}">{{b.text}}</option>
    </optgroup>
</select>
</body>
</html>
